// Global SCSS variables and mixins
@use 'sass:math';

// Colors
$color-primary: #7c0a03;
$color-success: #67c23a;
$color-warning: #e6a23c;
$color-danger: #f56c6c;
$color-info: #909399;

// Typography
$font-size-base: 14px;
$font-size-small: 12px;
$font-size-large: 16px;

// Spacing
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 16px;
$spacing-lg: 24px;
$spacing-xl: 32px;

// Border radius
$border-radius-base: 12px;
$border-radius-small: 4px;
$border-radius-large: 16px;

// Login page
$login-title-size: 32px;
$login-panel-width: 1560px;
$login-left-width: 793px;
$login-right-width: 767px;

// Mixins
@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

@mixin flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
